<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.66, minimum-scale=0.5, maximum-scale=1, user-scalable=0">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<script type="text/javascript" src="https://cdn.staticfile.net/jquery/3.7.0/jquery.min.js"></script>
<style type="text/css">
html{font:13px/1.231 "Microsoft Yahei",arial,helvetica,verdana,sans-serif;}
body{margin:0;padding:0;background:#111;color:#999;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.25;font-weight:normal;}
div,dl,dt,dd,p{margin:0;padding:0;white-space:normal;word-break:break-all;word-wrap:break-word;}
ul,ol,li{margin:0;padding:0;list-style-type:none;}
a{outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
a:hover{opacity:0.6;}
img{border:0;vertical-align:middle;max-width:100%;}
.ibody{position:relative;z-index:2;}
.ifull{display:flex;}
.ifull dl{margin:0 0 20px;padding:0 10px 10px;line-height:1.5em;}
.ifull dt{margin-bottom:5px;color:#ccc;}
.ifull a{display:inline-block;color:#999;text-decoration:underline;}
.istop,.istop h2{color:#333;text-decoration-line:line-through;text-decoration-style:double;}
.ileft{width:38.2%;border-right:2px solid #ccc;text-align:right;}
.iright{width:61.8%;border-left:2px solid #ccc;text-align:left;}
.ileft dl{max-width:382px;float:right;}
.iright dl{max-width:618px;}
.ilogo{display:inline-block;padding:10px;background:#C00000;}
.ilogo img{width:100px;height:100px;}
.ilogo h1{display:inline-block;color:#111;font-weight:bold;font-size:2em;}
.idate{display:inline-block;text-align:center;padding:4px;background:#333;color:#ccc;}
.idate1{background:#C02020;}
.idate2{background:#C020C0;}
.idate3{background:#A06000;}
.idate4{background:#008000;}
.idate5{background:#00A0A0;}
.idate6{background:#2020C0;}
.ifirst,.ilast{min-height:50px;}

.particle-network-animation{position:fixed;top:0;left:0;right:0;height:100vh;z-index:1;}
.particle-network-animation::before{z-index:-2;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;opacity:0.2;}
.glow{z-index:-1;position:fixed;top:50%;left:50%;background-image:radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), transparent);}
.glow-1{width:150vw;height:150vh;margin-top:-75vh;margin-left:-75vw;animation:glow-1-move 25s linear infinite both;}
@keyframes glow-1-move{from{transform:translate(-100%, 100%);}
to{transform:translate(100%, -100%);}
}
.glow-2{width:100vw;height:100vh;margin-top:-50vh;margin-left:-50vw;animation:glow-2-move 25s linear 8.3333333333s infinite both;}
@keyframes glow-2-move{from{transform:translate(-100%, 0%);}
to{transform:translate(100%, 100%);}
}
.glow-3{width:120vw;height:120vh;margin-top:-60vh;margin-left:-60vw;animation:glow-3-move 25s linear 16.6666666667s infinite both;}
@keyframes glow-3-move{from{transform:translate(100%, 100%);}
to{transform:translate(0%, -100%);}
}
</style>
<title>联盟（珠蚌）工作室</title>
</head>
<body>
<div class="ibody">

<div class="ifull">
	<div class="ileft ifirst"></div>
	<div class="iright ifirst">
		<div class="ilogo"><a target="_blank" href="https://atomgit.com/un"><img src="unionid.logo.128.png"><h1>联盟(珠蚌)工作室</h1></a></div>
	</div>
</div>

<div class="ifull">
	<div class="ileft">
		<dl>
			<dt><h2>联盟正式上线</h2></dt>
			<dd><p>完成之前的所有与联盟相关的项目和计划<br>实测联盟所有流程和数据</p></dd>
		</dl>
	</div>
	<div class="iright"><div class="idate idate6">2044年<br>之前</div></div>
</div>

<div class="ifull">
	<div class="ileft"><div class="idate idate6">很多年<br>之后</div></div>
	<div class="iright">
		<dl>
			<dt><h2>右联盟</h2></dt>
			<dd><p>联盟基金会旗下独立的非盈利性项目组<br>负责维护联盟成员单向加密数据的安全</p></dd>
		</dl>
	</div>
</div>

<div class="ifull">
	<div class="ileft"><div class="idate idate6">很多年<br>之后</div></div>
	<div class="iright">
		<dl>
			<dt><h2>左联盟</h2></dt>
			<dd><p>联盟基金会旗下独立的非盈利性项目组<br>负责维护联盟成员单向加密数据的安全</p></dd>
		</dl>
	</div>
</div>

<div class="ifull">
	<div class="ileft">
		<dl>
			<dt><h2>联盟基金会</h2></dt>
			<dd><p>成立联盟公益基金会</p></dd>
		</dl>
	</div>
	<div class="iright"><div class="idate idate6">很多年<br>之后</div></div>
</div>

<div class="ifull">
	<div class="ileft"><div class="idate idate5">2024年<br>之后</div></div>
	<div class="iright">
		<dl>
			<dt><h2>K线的联盟</h2></dt>
			<dd><p>成立K线数据分析和运营联盟，K线的联盟将成为第一个联盟案例。</p></dd>
		</dl>
	</div>
</div>

<div class="ifull">
	<div class="ileft">
		<dl>
			<dt><h2>联盟网页框架(珠蚌)抛砖引玉版</h2></dt>
			<dd><p>《联盟网页框架(珠蚌)2024版》的设计思路和开发文档</p></dd>
		</dl>
	</div>
	<div class="iright"><div class="idate idate5">2024年<br>之后</div></div>
</div>

<div class="ifull">
	<div class="ileft"><div class="idate">2024<br>07<br>21</div></div>
	<div class="iright">
		<dl>
			<dt><h2>联盟整体架构方案</h2></dt>
			<dd><p>联盟整体架构方案一共六份文档已整理完成。</p></dd>
			<dd><a target="_blank" href="https://atomgit.com/un">完整的文档列表</a></dd>
		</dl>
	</div>
</div>

<div class="ifull">
	<div class="ileft">
		<dl>
			<dt><h2>联盟客户端(珠蚌)抛砖引玉版</h2></dt>
			<dd><p>联盟主体相关功能操作管理平台</p></dd>
			<dd><p>发布时间：2024-07-21</p></dd>
			<dd><a target="_blank" href="https://atomgit.com/un/client">html代码格式</a></dd>
			<dd><a target="_blank" href="https://kdocs.cn/l/cd69JDAEWIdt">docx文档格式</a></dd>
		</dl>
	</div>
	<div class="iright"><div class="idate idate1">2024<br>06<br>30</div></div>
</div>

<div class="ifull">
	<div class="ileft">
		<dl>
			<dt><h2>联盟数字货币结算处(珠蚌)抛砖引玉版</h2></dt>
			<dd><p>联盟数字货币的交易和结算</p></dd>
			<dd><p>发布时间：2024-06-28</p></dd>
			<dd><a target="_blank" href="https://atomgit.com/un/currency">html代码格式</a></dd>
			<dd><a target="_blank" href="https://kdocs.cn/l/ctaUguCZ6P8t">docx文档格式</a></dd>
		</dl>
	</div>
	<div class="iright"><div class="idate idate1">2024<br>06<br>21</div></div>
</div>

<div class="ifull">
	<div class="ileft">
		<dl>
			<dt><h2>联盟公证处(珠蚌)抛砖引玉版</h2></dt>
			<dd><p>联盟协议公证方案</p></dd>
			<dd><p>发布时间：2024-06-18</p></dd>
			<dd><a target="_blank" href="https://atomgit.com/un/notary">html代码格式</a></dd>
			<dd><a target="_blank" href="https://kdocs.cn/l/cmvgLXBD1Gln">docx文档格式</a></dd>
		</dl>
	</div>
	<div class="iright"><div class="idate idate1">2024<br>06<br>15</div></div>
</div>

<div class="ifull">
	<div class="ileft">
		<dl>
			<dt><h2>联盟协议库(珠蚌)抛砖引玉版</h2></dt>
			<dd><p>联盟协议细节库和联盟协议模板库使用方案</p></dd>
			<dd><p>发布时间：2024-06-12</p></dd>
			<dd><a target="_blank" href="https://atomgit.com/un/protocols">html代码格式</a></dd>
			<dd><a target="_blank" href="https://kdocs.cn/l/csTZF5pfeqf5">docx文档格式</a></dd>
		</dl>
	</div>
	<div class="iright"><div class="idate idate1">2024<br>06<br>11</div></div>
</div>

<div class="ifull">
	<div class="ileft">
		<dl>
			<dt><h2>联盟溯源许可证(珠蚌)抛砖引玉版</h2></dt>
			<dd><p>有形产品和无形作品通用许可方案</p></dd>
			<dd><p>发布时间：2024-06-10</p></dd>
			<dd><a target="_blank" href="https://atomgit.com/un/license">html代码格式</a></dd>
			<dd><a target="_blank" href="https://kdocs.cn/l/cixnSTHSZAdL">docx文档格式</a></dd>
		</dl>
	</div>
	<div class="iright"><div class="idate idate1">2024<br>06<br>02</div></div>
</div>

<div class="ifull">
	<div class="ileft">
		<dl>
			<dt><h2>联盟基础协议(珠蚌)抛砖引玉版</h2></dt>
			<dd><p>让贡献值分担货币的部分社会权重<br>让贡献值与现有货币体系共存的利益分配方案</p></dd>
			<dd><p>发布时间：2024-05-31</p></dd>
			<dd><a target="_blank" href="https://atomgit.com/un/protocol">html代码格式</a></dd>
			<dd><a target="_blank" href="https://kdocs.cn/l/ciiWrcvGKxPs">docx文档格式</a></dd>
		</dl>
	</div>
	<div class="iright"><div class="idate idate1">2024<br>03<br>15</div></div>
</div>

<div class="ifull">
	<div class="ileft"><div class="idate">2024<br>01<br>12</div></div>
	<div class="iright">
		<dl>
			<dt><h2>一个伟大的想法</h2></dt>
			<dd><p>联盟是所有问题的最佳解决方案。珠蚌工作室旨在创建一套系统化的联盟平台来降低联盟门槛，让联盟方案能规范化的被任何人应用到任何领域。随着对联盟的深入思考，项目越做越宏大，珠蚌工作室就我一个人，万一中道崩殂就可惜了这么伟大的项目。这不该由我一个人来完成，也不能由我一个人来完成，于是就有了抛砖引玉的想法，后续我会将自己的世界观的联盟整体架构的细节整理并分享供大家参考和使用。</p></dd>
		</dl>
	</div>
</div>

<div class="ifull">
	<div class="ileft"><div class="idate idate2">2019<br>12<br>13</div></div>
	<div class="iright">
		<dl>
			<dt><h2>K线的密钥</h2></dt>
			<dd><p>大A最好用的纯技术面选股器，没有之一！！！</p></dd>
			<dd><p>作为珠蚌工作室首个商业化联盟，肩负三大任务：<br>1.用联盟的架构运营K线的密钥以供体验<br>2.通过实测和分析联盟数据来证明联盟协议和贡献值的可行性<br>3.支持并推进联盟整体架构的实施</p></dd>
		</dl>
	</div>
</div>

<div class="ifull">
	<div class="ileft">
		<dl>
			<dt><h2>联盟网页框架(珠蚌)2024版</h2></dt>
			<dt><h2>原名：网页联盟框架</h2></dt>
			<dd><p>网页联盟落地式解决方案</p></dd>
		</dl>
	</div>
	<div class="iright"><div class="idate idate3">2018<br>12<br>27</div></div>
</div>

<div class="ifull">
	<div class="ileft"><div class="idate">2013年</div></div>
	<div class="iright istop">
		<dl>
			<dt><h2>在线快速建站联盟</h2></dt>
			<dd><p>网站建设者通过直接引用中心数据库共享的海量数据三分钟即可创建成品网站</p></dd>
		</dl>
	</div>
</div>

<div class="ifull">
	<div class="ileft"><div class="idate">2010年</div></div>
	<div class="iright istop">
		<dl>
			<dt><h2>网页iframe联盟</h2></dt>
			<dd><p>网页与网页之间使用iframe框架实现不跳转直接访问</p></dd>
		</dl>
	</div>
</div>

<div class="ifull">
	<div class="ileft"><div class="idate">2008年</div></div>
	<div class="iright istop">
		<dl>
			<dt><h2>开开论坛联盟</h2></dt>
			<dd><p>使用pw4的分论坛功能为全国所有三级行政区各创建一个论坛</p></dd>
		</dl>
	</div>
</div>

<div class="ifull"><div class="ileft ilast"><div class="idate">时间轴左侧：联盟基础项目</div></div><div class="iright ilast"><div class="idate">时间轴右侧：联盟衍生项目</div></div></div>
<div class="ifull"><div class="ileft ilast"><div class="idate idate1">红色背景</div></div><div class="iright ilast"><div class="idate">已完成的项目</div></div></div>
<div class="ifull"><div class="ileft ilast"><div class="idate idate2">紫色背景</div></div><div class="iright ilast"><div class="idate">公测中的项目</div></div></div>
<div class="ifull"><div class="ileft ilast"><div class="idate idate3">橙色背景</div></div><div class="iright ilast"><div class="idate">内测中的项目</div></div></div>
<div class="ifull"><div class="ileft ilast"><div class="idate idate4">绿色背景</div></div><div class="iright ilast"><div class="idate">开发中的项目</div></div></div>
<div class="ifull"><div class="ileft ilast"><div class="idate idate5">青色背景</div></div><div class="iright ilast"><div class="idate">有开发计划的项目</div></div></div>
<div class="ifull"><div class="ileft ilast"><div class="idate idate6">蓝色背景</div></div><div class="iright ilast"><div class="idate">设想中的项目</div></div></div>
<div class="ifull"><div class="ileft ilast"><div class="idate istop">项目字体带删除线</div></div><div class="iright ilast"><div class="idate istop">该项目计划改变或已终止</div></div></div>
<div class="ifull"><div class="ileft ilast"><div class="idate"><a target="_blank" href="https://beian.miit.gov.cn/">京ICP备2020036654号-9</a></div></div><div class="iright ilast"><div class="idate"><a target="_blank" href="https://atomgit.com/un">开放源代码</a> <a target="_blank" href="https://mp.weixin.qq.com/s/Z4MVI7Mr2PnfaSPHOnBMNw">微信</a> <a target="_blank" href="https://weibo.com/unionid">微博</a> <a target="_blank" href="https://www.douyin.com/user/MS4wLjABAAAAQXklFAPL9VeQlXQA1Em8-3IH0CfDkZkBBYdj_4IVb1fclxTMiX4WWfbSPLWniE1S">抖音</a> @珠蚌工作室</div></div></div>

</div>

<div class='particle-network-animation'></div>
<script type="text/javascript">
jQuery(document).ready(function() {
var ParticleNetworkAnimation,PNA;ParticleNetworkAnimation=PNA=function(){};
PNA.prototype.init=function(element){this.$el=$(element);this.container=element;this.canvas=document.createElement('canvas');this.sizeCanvas();this.container.appendChild(this.canvas);this.ctx=this.canvas.getContext('2d');this.particleNetwork=new ParticleNetwork(this);this.bindUiActions();return this};
PNA.prototype.bindUiActions=function(){$(document).on('click',function(){this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height);this.sizeCanvas();this.particleNetwork.createParticles()}.bind(this))};
PNA.prototype.sizeCanvas=function(){this.canvas.width=this.container.offsetWidth;this.canvas.height=this.container.offsetHeight};
var Particle=function(parent,x,y){this.network=parent;this.canvas=parent.canvas;this.ctx=parent.ctx;this.particleColor=returnRandomArrayitem(this.network.options.particleColors);this.radius=getLimitedRandom(1,6,20);this.opacity=0;this.x=x||Math.random()*this.canvas.width;this.y=y||Math.random()*this.canvas.height;this.velocity={x:(Math.random()-0.5)*parent.options.velocity,y:(Math.random()-0.5)*parent.options.velocity}};
Particle.prototype.update=function(){if(this.opacity<1){this.opacity+=0.01}else{this.opacity=1}if(this.x>this.canvas.width+100||this.x<-100){this.velocity.x=-this.velocity.x}if(this.y>this.canvas.height+100||this.y<-100){this.velocity.y=-this.velocity.y}this.x+=this.velocity.x;this.y+=this.velocity.y};
Particle.prototype.draw=function(){this.ctx.beginPath();this.ctx.fillStyle=this.particleColor;this.ctx.globalAlpha=this.opacity;this.ctx.arc(this.x,this.y,this.radius,0,2*Math.PI);this.ctx.fill()};
var ParticleNetwork=function(parent){this.options={velocity:1,density:30000,netLineDistance:200,netLineColor:'#929292',particleColors:['#6D4E5C','#aaa','#FFC458']};this.canvas=parent.canvas;this.ctx=parent.ctx;this.init()};
ParticleNetwork.prototype.init=function(){this.createParticles(true);this.animationFrame=requestAnimationFrame(this.update.bind(this))};
ParticleNetwork.prototype.createParticles=function(isInitial){var me=this;this.particles=[];var quantity=this.canvas.width*this.canvas.height/this.options.density;if(isInitial){var counter=0;clearInterval(this.createIntervalId);this.createIntervalId=setInterval(function(){if(counter<quantity-1){this.particles.push(new Particle(this))}else{clearInterval(me.createIntervalId)}counter++}.bind(this),250)}else{for(var i=0;i<quantity;i++){this.particles.push(new Particle(this))}}};
ParticleNetwork.prototype.createInteractionParticle=function(){this.interactionParticle=new Particle(this);this.interactionParticle.velocity={x:0,y:0};this.particles.push(this.interactionParticle);return this.interactionParticle};
ParticleNetwork.prototype.removeInteractionParticle=function(){var index=this.particles.indexOf(this.interactionParticle);if(index>-1){this.interactionParticle=undefined;this.particles.splice(index,1)}};
ParticleNetwork.prototype.update=function(){if(this.canvas){this.ctx.clearRect(0,0,this.canvas.width,this.canvas.height);this.ctx.globalAlpha=1;for(var i=0;i<this.particles.length;i++){for(var j=this.particles.length-1;j>i;j--){var distance,p1=this.particles[i],p2=this.particles[j];distance=Math.min(Math.abs(p1.x-p2.x),Math.abs(p1.y-p2.y));if(distance>this.options.netLineDistance){continue}distance=Math.sqrt(Math.pow(p1.x-p2.x,2)+Math.pow(p1.y-p2.y,2));if(distance>this.options.netLineDistance){continue}this.ctx.beginPath();this.ctx.strokeStyle=this.options.netLineColor;this.ctx.globalAlpha=(this.options.netLineDistance-distance)/this.options.netLineDistance*p1.opacity*p2.opacity;this.ctx.lineWidth=0.7;this.ctx.moveTo(p1.x,p1.y);this.ctx.lineTo(p2.x,p2.y);this.ctx.stroke()}}for(var i=0;i<this.particles.length;i++){this.particles[i].update();this.particles[i].draw()}if(this.options.velocity!==0){this.animationFrame=requestAnimationFrame(this.update.bind(this))}}else{cancelAnimationFrame(this.animationFrame)}};
var getLimitedRandom=function(min,mid,max){var number=Math.round(Math.random()*(mid-min)+min);if(number==mid){number=Math.round(Math.random()*(max-min)+min)}return number};
var returnRandomArrayitem=function(array){return array[Math.floor(Math.random()*array.length)]};
pna=new ParticleNetworkAnimation();pna.init($('.particle-network-animation')[0]);
});
</script>
</body>
</html>